/* begin Page */
/* Created by Artisteer v3.1.0.46558 */

#ota-main, table
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.ota-postcontent,
.ota-postheadericons,
.ota-postfootericons,
.ota-blockcontent-body,
ul.ota-vmenu a 
{
   text-align: left;
}

.ota-postcontent,
.ota-postcontent li,
.ota-postcontent table,
.ota-postcontent a,
.ota-postcontent a:link,
.ota-postcontent a:visited,
.ota-postcontent a.visited,
.ota-postcontent a:hover,
.ota-postcontent a.hovered
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.ota-postcontent p
{
   margin: 12px 0;
}

.ota-postcontent h1, .ota-postcontent h1 a, .ota-postcontent h1 a:link, .ota-postcontent h1 a:visited, .ota-postcontent h1 a:hover,
.ota-postcontent h2, .ota-postcontent h2 a, .ota-postcontent h2 a:link, .ota-postcontent h2 a:visited, .ota-postcontent h2 a:hover,
.ota-postcontent h3, .ota-postcontent h3 a, .ota-postcontent h3 a:link, .ota-postcontent h3 a:visited, .ota-postcontent h3 a:hover,
.ota-postcontent h4, .ota-postcontent h4 a, .ota-postcontent h4 a:link, .ota-postcontent h4 a:visited, .ota-postcontent h4 a:hover,
.ota-postcontent h5, .ota-postcontent h5 a, .ota-postcontent h5 a:link, .ota-postcontent h5 a:visited, .ota-postcontent h5 a:hover,
.ota-postcontent h6, .ota-postcontent h6 a, .ota-postcontent h6 a:link, .ota-postcontent h6 a:visited, .ota-postcontent h6 a:hover,
.ota-blockheader .t, .ota-blockheader .t a, .ota-blockheader .t a:link, .ota-blockheader .t a:visited, .ota-blockheader .t a:hover,
.ota-vmenublockheader .t, .ota-vmenublockheader .t a, .ota-vmenublockheader .t a:link, .ota-vmenublockheader .t a:visited, .ota-vmenublockheader .t a:hover,
.ota-logo-name, .ota-logo-name a, .ota-logo-name a:link, .ota-logo-name a:visited, .ota-logo-name a:hover,
.ota-logo-text, .ota-logo-text a, .ota-logo-text a:link, .ota-logo-text a:visited, .ota-logo-text a:hover,
.ota-postheader, .ota-postheader a, .ota-postheader a:link, .ota-postheader a:visited, .ota-postheader a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 29px;
   text-decoration: none;
}

.ota-postcontent a
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1E487B;
}

.ota-postcontent a:link
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1E487B;
}

.ota-postcontent a:visited, .ota-postcontent a.visited
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #4D4D4D;
}

.ota-postcontent  a:hover, .ota-postcontent a.hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   color: #1E487B;
}

.ota-postcontent h1
{
   color: #1E487B;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 20px;
}

.ota-blockcontent h1
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 20px;
}

.ota-postcontent h1 a, .ota-postcontent h1 a:link, .ota-postcontent h1 a:hover, .ota-postcontent h1 a:visited, .ota-blockcontent h1 a, .ota-blockcontent h1 a:link, .ota-blockcontent h1 a:hover, .ota-blockcontent h1 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 20px;
}

.ota-postcontent h2
{
   color: #1E487B;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 18px;
}

.ota-blockcontent h2
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 18px;
}

.ota-postcontent h2 a, .ota-postcontent h2 a:link, .ota-postcontent h2 a:hover, .ota-postcontent h2 a:visited, .ota-blockcontent h2 a, .ota-blockcontent h2 a:link, .ota-blockcontent h2 a:hover, .ota-blockcontent h2 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 18px;
}

.ota-postcontent h3
{
   color: #4D4D4D;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 15px;
}

.ota-blockcontent h3
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 15px;
}

.ota-postcontent h3 a, .ota-postcontent h3 a:link, .ota-postcontent h3 a:hover, .ota-postcontent h3 a:visited, .ota-blockcontent h3 a, .ota-blockcontent h3 a:link, .ota-blockcontent h3 a:hover, .ota-blockcontent h3 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 15px;
}

.ota-postcontent h4
{
   color: #212121;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.ota-blockcontent h4
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.ota-postcontent h4 a, .ota-postcontent h4 a:link, .ota-postcontent h4 a:hover, .ota-postcontent h4 a:visited, .ota-blockcontent h4 a, .ota-blockcontent h4 a:link, .ota-blockcontent h4 a:hover, .ota-blockcontent h4 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.ota-postcontent h5
{
   color: #212121;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.ota-blockcontent h5
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.ota-postcontent h5 a, .ota-postcontent h5 a:link, .ota-postcontent h5 a:hover, .ota-postcontent h5 a:visited, .ota-blockcontent h5 a, .ota-blockcontent h5 a:link, .ota-blockcontent h5 a:hover, .ota-blockcontent h5 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.ota-postcontent h6
{
   color: #333333;
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}

.ota-blockcontent h6
{
   margin: 10px 0 0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}

.ota-postcontent h6 a, .ota-postcontent h6 a:link, .ota-postcontent h6 a:hover, .ota-postcontent h6 a:visited, .ota-blockcontent h6 a, .ota-blockcontent h6 a:link, .ota-blockcontent h6 a:hover, .ota-blockcontent h6 a:visited 
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 12px;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height:100%;
}

#ota-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

#ota-page-background-glare-wrapper {
   position: absolute;
   width:100%;
}

#ota-page-background-glare
{
   position: relative;
   top: 0;
   max-width:1000px;
   min-width: 85%;
   height:666px;
   left: 0;
   margin-right: auto;
   background-image: url('images/page_gl.png');
   background-repeat: no-repeat;
   background-position: left top;
}

#Body
{
   padding: 0;
   margin:0;
   min-width: 700px;
   color: #212121;
   background-color: #1F4A7F;
   background-image: url('images/Bottom_texture.jpg');
   background-repeat: repeat-x;
   background-attachment: scroll;
   background-position: top left;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
   height:100%;
}

table.position
{
   width: 100%;
   table-layout: fixed;
   position: static;
}

/* Start Box */
.ota-box, .ota-box-body {
   margin:0 auto;
   position:relative;
}
.ota-box:before, .ota-box:after, .ota-box-body:before, .ota-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.ota-box:before,.ota-box-body:before{
   left:0;
}
.ota-box:after,.ota-box-body:after{
   right:0;
}
.ota-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.ota-box:after {
   background-position: bottom right;
   z-index:-3;
}
.ota-box-body:before, .ota-box-body:after {
   background-repeat:repeat-y;
}
.ota-box-body:before {
   background-position: top left;
   z-index:-3;
}
.ota-box-body:after {
   background-position: top right;
   z-index:-3;
}

.ota-box .ota-box:before, .ota-box .ota-box:after, .ota-box-body .ota-box-body:before, .ota-box-body .ota-box-body:after {
   z-index:-2;
}
.ota-box .ota-box .ota-box:before, .ota-box .ota-box .ota-box:after, .ota-box-body .ota-box-body .ota-box-body:before, .ota-box-body .ota-box-body .ota-box-body:after {
   z-index:-1;
}
/* End Box */

/* Start Bar */
.ota-bar {
   position:relative;
}
.ota-bar:before, .ota-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.ota-bar:before {
   left:0;
   background-position: top left;
}
.ota-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */

li h1, .ota-postcontent li h1, .ota-blockcontent-body li h1 
{
   margin:1px;
} 
li h2, .ota-postcontent li h2, .ota-blockcontent-body li h2 
{
   margin:1px;
} 
li h3, .ota-postcontent li h3, .ota-blockcontent-body li h3 
{
   margin:1px;
} 
li h4, .ota-postcontent li h4, .ota-blockcontent-body li h4 
{
   margin:1px;
} 
li h5, .ota-postcontent li h5, .ota-blockcontent-body li h5 
{
   margin:1px;
} 
li h6, .ota-postcontent li h6, .ota-blockcontent-body li h6 
{
   margin:1px;
} 
li p, .ota-postcontent li p, .ota-blockcontent-body li p 
{
   margin:1px;
} 
/* end Page */

/* begin Header */
div.ota-header
{
   margin: 0 auto;
   position: relative;
   z-index: -5;
   width:100%;
   height: 80px;
   margin-top: 0;
   margin-bottom: 0;
}
.ota-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
} 

.ota-header-wrapper 
{
   min-width: 700px;
   max-width: 1728px;
   position: relative;
   top:0;
   width:85%;
   margin:0 auto;
}
.ota-header-inner 
{
   position: relative;
   margin: 0 5px;
}

/* end Header */

/* begin HeaderObject */
div.ota-headerobject
{
   display: block;
   left: 0;
   margin-left: 0;
   position: absolute;
   top: 12px;
}
div.ota-headerobject2
{
   display: block;
   right: 0;
   margin-left: 0;
   position: absolute;
   top: 12px;
}
/* end HeaderObject */

/* begin Logo */
div.ota-logo
{
   display: block;
   position: absolute;
   top: 20px;
   left: 0;
   margin-left: 0;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.ota-hmenu a, ul.ota-hmenu a:link, ul.ota-hmenu a:visited, ul.ota-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.ota-hmenu, ul.ota-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.ota-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.ota-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.ota-hmenu li li{
   float: none;
   width: auto;
}
ul.ota-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.ota-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}
ul.ota-hmenu:after, ul.ota-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.ota-hmenu, ul.ota-hmenu ul {
   min-height: 0;
}

ul.ota-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.ota-hmenu ul.ota-hmenu-left-to-right {
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}
ul.ota-hmenu ul.ota-hmenu-right-to-left {
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

ul.ota-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
   z-index: -1;
}

ul.ota-hmenu ul ul.ota-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
   margin-left: -11px;
}

ul.ota-hmenu ul ul.ota-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
   margin-right: -11px;
}

ul.ota-hmenu li li:hover>ul.ota-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
ul.ota-hmenu li li:hover>ul.ota-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

ul.ota-hmenu{
   position:relative;
   padding: 3px 3px 3px 3px;
   float: left;
}

/* end menu structure */

/* menu bar */

.ota-nav
{
   width:100%;
   margin:0 auto;
   min-height: 32px;
   /* Must outrank the z-index values Telerik writes as inline styles on controls
      in the content panes - RadToolBar renders style="z-index:9000" server-side
      (new in 2026.2.708; the 2013 build emitted none), and RadComboBox drop
      slides use 6000. Both the nav and the module content are children of the
      #ota-main stacking context, so anything lower than 9000 lets a module's
      toolbar paint over an open menu. Stay below the 9999/10000 used by
      .dnnLoading and .ota-controlpanel-container. RadWindow and its modal
      overlay are hoisted out to FORM#Form and are unaffected by this. */
   z-index: 9500;
   margin-top: 0;
   margin-bottom: 0;
}

.ota-nav:before, .ota-nav:after{
   background-image: url('images/nav.png');
}
.ota-nav:before{
   right: 0;
}
.ota-nav:after{
   width: 0;
}
/* end menu bar */
.ota-nav-outer{
   position:absolute;
   width:100%;
}
.ota-nav-wrapper 
{
   position: relative;
   min-width: 700px;
   max-width: 1728px;
   width:85%;
   margin:0 auto;
}

.ota-nav-inner{
   margin: 0 12px;
}

.ota-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: 32px;
   background-position: center;
}

.ota-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: 32px;
   background-position: center;
}

.ota-hmenu
{
   float: left;
}

/* end Menu */

/* begin MenuItem */
ul.ota-hmenu>li>a
{
   position: relative;
   display: block;
   height: 26px;
   cursor: pointer;
   text-decoration: none;
   color: #FFFFFF;
   padding: 0 15px;
   line-height: 26px;
   text-align: center;
}

ul.ota-hmenu>li>a:before, ul.ota-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/menuitem.png');
}

ul.ota-hmenu>li>a:before
{
   left: 0;
   right: 6px;
   background-position: top left;
}

ul.ota-hmenu>li>a:after
{
   width: 6px;
   right: 0;
   background-position: top right;
}

.ota-hmenu a, .ota-hmenu a:link, .ota-hmenu a:visited, .ota-hmenu a:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   font-size: 10px;
   text-align: left;
   text-decoration: none;
   text-transform: uppercase;
}

ul.ota-hmenu>li>a.active:before {
   background-position: bottom left;
} 
ul.ota-hmenu>li>a.active:after {
   background-position: bottom right;
}
ul.ota-hmenu>li>a.active {
   color: #DBDBDB;
}

ul.ota-hmenu>li>a:hover:before, ul.ota-hmenu>li:hover>a:before {
   background-position: center left;
}
ul.ota-hmenu>li>a:hover:after, ul.ota-hmenu>li:hover>a:after {
   background-position: center right;
}
ul.ota-hmenu>li>a:hover, ul.ota-hmenu>li:hover>a{
   color: #0B1A2D;
}

/* end MenuItem */

/* begin MenuSeparator */

ul.ota-hmenu>li {
   margin-left:2px;
}
ul.ota-hmenu>li:first-child {
   margin-left:0;
}

/* end MenuSeparator */

/* begin MenuSubItem */
.ota-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 22px;
   background-image: url('images/subitem.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #ABABAB;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 22px;
   color: #DEDEDE;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 10px;
   margin:0;
   padding: 0 8px;
}

.ota-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.ota-hmenu ul a:link, .ota-hmenu ul a:visited, .ota-hmenu ul a:hover, .ota-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 22px;
   color: #DEDEDE;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 10px;
   margin:0;
   padding: 0 8px;
}

.ota-hmenu ul li a:hover
{
   color: #000000;
   background-position: left bottom;
   border-color: #ABABAB;
   border-top-width: 1px !important;
}

.ota-hmenu ul li a.ota-hmenu-before-hovered
{
   border-bottom-width: 0 !important;
}

.ota-hmenu ul li:hover>a
{
   color: #000000;
   background-position: left bottom;
   border-color: #ABABAB;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.ota-sheet
{
   margin-top: 6px;
   margin-bottom: -4px;
   cursor:auto;
   width: 85%;
   min-width: 700px;
   max-width: 1728px;
}
.ota-sheet-body 
{
   padding:12px;
   min-width:44px;
   min-height:44px;
   padding-top:21px;
   padding-bottom:12px;
}
.ota-sheet:before, .ota-sheet:after 
{
   content: url('images/sheet_t.png');
   font-size: 0;
   background-image: url('images/sheet_b.png');
}
.ota-sheet:after{
   clip:rect(auto, auto, auto, 1694px);
}
.ota-sheet:before,.ota-sheet-body:before{
   right:34px;
}
.ota-sheet-body:after{
   width: 34px;
   top:34px;
   bottom:34px;
   background-image:url('images/sheet.png');
}
.ota-sheet-body:before{
   top:34px;
   bottom:34px;
   background-image:url('images/sheet.png');
}

.ota-controlpanel-container
{
   margin:0 auto;
   width: 85%;
   min-width: 700px;
   max-width: 1728px;
   position: relative;
   z-index: 10000;
}

.dnn6 .ota-controlpanel-container
{
   color: #000000;
   position: fixed;
}/* end Box, Sheet */

/* begin Layout */
.ota-layout-wrapper
{
   position:relative;
   margin:0 auto 0 auto;
}

.ota-content-layout
{
   display: table;
   width:100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.ota-content-layout-row {
   display: table-row;
}

.ota-layout-cell
{
   display: table-cell;
   vertical-align: top;
}
/* end Layout */

/* begin Button */
span.ota-button-wrapper>a.ota-button,
span.ota-button-wrapper>a.ota-button:link,
span.ota-button-wrapper>input.ota-button,
span.ota-button-wrapper>button.ota-button
{
   text-decoration: none;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #DEDEDE !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 28px;
   height: 28px;
   margin: 0 !important;
   padding: 0 10px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.ota-button img, span.ota-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.ota-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 28px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:1728px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.ota-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

div.ota-block select 
{
   width:96%;
}

span.ota-button-wrapper.hover>.ota-button, span.ota-button-wrapper.hover>a.ota-button:link
{
   color: #0A1829 !important;
   text-decoration: none !important;
}

span.ota-button-wrapper.active>.ota-button, span.ota-button-wrapper.active>a.ota-button:link
{
   color: #C1D6F0 !important;
}

span.ota-button-wrapper>span.ota-button-l, span.ota-button-wrapper>span.ota-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('images/button.png');
   background-repeat: no-repeat;
}

span.ota-button-wrapper>span.ota-button-l
{
   left: 0;
   right: 8px;
   background-position: top left;
}

span.ota-button-wrapper>span.ota-button-r
{
   width: 8px;
   right: 0;
   background-position: top right;
}

span.ota-button-wrapper.hover>span.ota-button-l
{
   background-position: center left;
}

span.ota-button-wrapper.hover>span.ota-button-r
{
   background-position: center right;
}

span.ota-button-wrapper.active>span.ota-button-l
{
   background-position: bottom left;
}

span.ota-button-wrapper.active>span.ota-button-r
{
   background-position: bottom right;
}

span.ota-button-wrapper input
{
   float: none !important;
}
 /* end Button */

/* begin Box, Block */
.ota-block
{
   max-width:1728px;
   margin: 7px;
   z-index: auto;
}
.ota-block-body 
{
   padding:0;
   z-index: auto;
}

div.ota-block img
{
   margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.ota-blockheader {
   margin-bottom: 0;
   min-height: 48px;
   line-height:48px;
   z-index: auto;
}

.ota-blockheader .t
{
   min-height: 48px;
   line-height:48px;
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
   margin:0;
   padding: 0 10px 0 10px;
   white-space: nowrap;
}

.ota-blockheader .t a,
.ota-blockheader .t a:link,
.ota-blockheader .t a:visited, 
.ota-blockheader .t a:hover
{
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.ota-blockcontent
{
   max-width:1728px;
}
.ota-blockcontent-body 
{
   padding:3px;
   color: #212121;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}
.ota-blockcontent-body table,
.ota-blockcontent-body li, 
.ota-blockcontent-body a,
.ota-blockcontent-body a:link,
.ota-blockcontent-body a:visited,
.ota-blockcontent-body a:hover
{
   color: #212121;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.ota-blockcontent-body p
{
   margin: 0 5px;
}

.ota-blockcontent-body a, .ota-blockcontent-body a:link
{
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-blockcontent-body a:visited, .ota-blockcontent-body a.visited
{
   color: #808080;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-blockcontent-body a:hover, .ota-blockcontent-body a.hover
{
   color: #2860A4;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-blockcontent-body ul li
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   line-height: 125%;
   color: #0D1F35;
   margin: 5px 0 0 10px;
   padding: 0 0 0 12px;
   list-style-type: none;
}
/* end Box, BlockContent */

/* begin Box, Post */
.ota-post
{
   max-width:1728px;
   margin: 10px;
   z-index: auto;
}
.ota-post-body 
{
   padding:15px;
   z-index: auto;
}

a img
{
   border: 0;
}

.ota-article img, img.ota-article, .ota-block img, .ota-footer img
{
   border-color: #696969;
   border-style: solid;
   border-width: 1px;
   margin: 10px 10px 10px 10px;
}

.ota-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.ota-article table, table.ota-article
{
   border-collapse: collapse;
   margin: 1px;
}

.ota-post .ota-content-layout-br
{
   height: 0;
}

.ota-article th
{
   background-color: Transparent;
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.ota-postheader
{
   color: #143052;
   margin: 5px 0;
   line-height: 1em;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 26px;
}

.ota-postheader a, 
.ota-postheader a:link, 
.ota-postheader a:visited,
.ota-postheader a.visited,
.ota-postheader a:hover,
.ota-postheader a.hovered
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 26px;
}

.ota-postheader a, .ota-postheader a:link
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-align: left;
   text-decoration: none;
   color: #193C67;
}

.ota-postheader a:visited, .ota-postheader a.visited
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-align: left;
   text-decoration: none;
   color: #2A65AC;
}

.ota-postheader a:hover,  .ota-postheader a.hovered
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   text-align: left;
   text-decoration: none;
   color: #2860A4;
}

/* end PostHeaderIcon */

/* begin PostBullets */
.ota-postcontent ol, .ota-postcontent ul
{
   margin: 1em 0 1em 2em;
   padding: 0;
}

.ota-postcontent li
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   color: #0F0F0F;
   padding: 0 0 0 12px;
}

.ota-postcontent li ol, .ota-post li ul
{
   margin: 0.5em 0 0.5em 2em;
   padding: 0;
}

.ota-postcontent ol>li
{
   background: none;
   padding-left: 0;
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.ota-postcontent ul>li
{
   background-image: url('images/postbullets.png');
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 12px;
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote a, .ota-postcontent blockquote a, .ota-blockcontent blockquote a, .ota-footer blockquote a,
blockquote a:link, .ota-postcontent blockquote a:link, .ota-blockcontent blockquote a:link, .ota-footer blockquote a:link,
blockquote a:visited, .ota-postcontent blockquote a:visited, .ota-blockcontent blockquote a:visited, .ota-footer blockquote a:visited,
blockquote a:hover, .ota-postcontent blockquote a:hover, .ota-blockcontent blockquote a:hover, .ota-footer blockquote a:hover
{
   color: #050C15;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

/* Override native 'p' margins*/
blockquote p,
.ota-postcontent blockquote p,
.ota-blockcontent blockquote p,
.ota-footer blockquote p
{
   margin: 0;
   margin:5px;
}

blockquote
{
   margin: 10px;
   padding: 12px;
   background-color: #BFBFBF;
   margin-left: 50px;
   padding-left: 36px;
   background-image: url('images/postquote.png');
   background-position: left top;
   background-repeat: no-repeat;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}

/* end PostQuote */

/* begin Footer */
.ota-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.ota-footer-body
{
   position:relative;
   padding: 20px;
   color: #212121;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
}

.ota-footer-body ul li
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
   line-height: 125%;
   color: #0D1F35;
}

.ota-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:10px;
   background-image: url('images/footer.png');
   background-position:bottom left;
}

.ota-footer:before, .ota-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:10px;
   background-image: url('images/footer_b.png');
}

.ota-footer:before
{
   left:0;
   right:10px;
   background-position: bottom left;
}

.ota-footer:after
{
   right:0;
   width:10px;
   background-position: bottom right;
}

.ota-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.ota-footer-body a,
.ota-footer-body a:link,
.ota-footer-body a:visited,
.ota-footer-body a:hover,
.ota-footer-body td, 
.ota-footer-body th,
.ota-footer-body caption
{
   color: #212121;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
}

.ota-footer-text
{
   min-height: 17px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}

.ota-footer-body a,
.ota-footer-body a:link
{
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-footer-body a:visited
{
   color: #143052;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-footer-body a:hover
{
   color: #2860A4;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

div.ota-footer img
{
   /* WARNING do NOT collapse this to 'border' - inheritance! */
  border-width: 0;
   margin: 4px;
}/* end Footer */

/* begin PageFooter */
.ota-page-footer, 
.ota-page-footer a,
.ota-page-footer a:link,
.ota-page-footer a:visited,
.ota-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #A5C3E9;
}

.ota-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #C7C7C7;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */
.ota-content-layout .ota-sidebar1
{
   width: 320px;
}
/* end LayoutCell, sidebar1 */

/* begin Page */
.Normal, .normal, #LoginInfo, #QuickLinks, #LoginInfo p.LoginNotes, .SubHead, .WizardText, .SkinObject
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

.ota-postcontent .Normal, 
.ota-postcontent .normal, 
.ota-postcontent #LoginInfo, 
.ota-postcontent #QuickLinks, 
.ota-postcontent #LoginInfo p.LoginNotes, 
.ota-postcontent .SubHead, 
.ota-postcontent .WizardText, 
.ota-postcontent .SkinObject
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.NormalBold
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-size: 1em;
   color: #212121;
   font-weight: bold;
}

#LoginInfo dt
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-size: 14px;
   color: #212121;
   font-weight: bold;
}

th
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-size: 14px;
   color: #212121;
   font-weight: bold;
}

#LoginInfo h3
{
   background-color: transparent;
   margin: 0.2em 0;
   padding: 0;
   font-weight: bold;
   font-style: normal;
   letter-spacing: normal;
   word-spacing: normal;
   text-decoration: none;
   font-variant: normal;
   text-align: left;
   text-indent: 0;
   line-height: inherit;
   text-transform: uppercase;
   color: #143052;
}

.Normal, .normal, #LoginInfo, #QuickLinks, #LoginInfo p.LoginNotes, .ota-postcontent .SubHead, .ota-postcontent .Normal, .SubHead, .WizardText, .SkinObject
{
   font-size: 1em;
   color: #212121;
}

#LoginInfo
{
   width: 100%;
   background-color: Transparent;
}

#LoginInfo div.LoginBlock
{
   width: 45%;
}

.Head
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 15px;
   color: #4D4D4D;
}

h2.Head
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 18px;
   color: #1E487B;
}

#QuickLinks
{
   border: 0;
   float: none;
   width: auto;
   background-color: Transparent;
}

a.CommandButton, a.SkinObject
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1E487B;
}

a.CommandButton:link, a.SkinObject:link
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #1E487B;
}

a.CommandButton:visited, a.SkinObject:visited
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #4D4D4D;
}

a.CommandButton:hover, a.SkinObject:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   color: #1E487B;
}

.DNNAlignright p, .DNNAlignright th, .DNNAlignright td
{
   text-align: right;
}

.DNNAligncenter p, .DNNAligncenter th, .DNNAligncenter td
{
   text-align: center;
}

.DNNAlignleft p, .DNNAlignleft th, .DNNAlignleft td
{
   text-align: left;
}

/* Control Panel rules */
#dnn_ControlPanel .SubHead, 
#dnn_ControlPanel .SkinObject, 
#dnn_ControlPanel A.SkinObject:link, 
#dnn_ControlPanel A.SkinObject:visited,
#dnn_ControlPanel A.SkinObject:hover, 
#dnn_ControlPanel A.SkinObject:active,
#dnn_ControlPanel A.CommandButton:link,
#dnn_ControlPanel A.CommandButton:visited,
#dnn_ControlPanel A.CommandButton:active,
#dnn_ControlPanel .footer,
#dnn_ControlPanel a.footer:link,
#dnn_ControlPanel a.footer:active,
#dnn_ControlPanel a.footer:visited
{
   color: #003366;
}

/* Control Panel Hide 
#RibbonBar_ControlPanel *,
.aspNetHidden,
.dnnCPHeader,
.dnnCPHMode,
.dnnadminmega,
#RibbonBar_adminMenus *,
.dnnControlPanel,
div#dnnCPWrap
{
   display:none!important;
}*/

#dnn_ControlPanel A.CommandButton:hover
{
   color: #ff0000;
}

.ModDNNHTMLC table
{
   width: 100%;
}

body > div
{
   z-index: 10;
}

.dnn6 .ota-postcontent a.dnnFormHelp, .dnn6 .ota-postcontent .dnnForm .dnnFormItem a.dnnFormHelp, .dnn6 .ota-postcontent .dnnTooltip label a.dnnFormHelp
{
   color: #212121;
}

.dnn6 .ota-postcontent h2.dnnFormSectionHead a
{
   color: #1E487B;
}

.dnn6 .ota-postcontent h2.dnnFormSectionHead a:hover, .dnn6 .ota-post .dnnActionMenuBody li
{
   color: #000000;
}

.dnn6 .dnnActionMenuBody a 
{
   color: #328DDE;
}

.dnn6 .dnnActionMenuBody a:hover
{
   color: #1B4D79;
}

.dnn6 .ota-post .console-large h3
{
   font-size: 1em;
   margin: 2px;
   overflow: hidden;
   text-align: center;
   width: 130px;
}

.dnn6 .dnnGrid
{
   color: #333333;
}

.dnn6 .dnnGrid a
{
   color: #003366;
}

.dnn6 .dnnActionMenu ul > li 
{
   background-image: none;
}

.dnn6 .dnnForm
{
   min-width: 0;
}

.dnn6 .dnnLoginService input[type="text"], 
.dnn6 .dnnSearchInput input[type="text"], 
.dnn6 .dnnLoginService input[type="password"]
{
   float: none;
   width: 96%;
}

.dnn6 .dnnForm ul li
{
   background-image: none;
   padding-left: 0;
}

.dnn6 .dnnForm.dnnLoginService
{
   width: auto;
}

.dnn6 .dnnForm.dnnLoginService .dnnFormItem label, .dnn6 .dnnForm.dnnSearchInput .dnnTooltip, .dnn6 .dnnSearchInput .dnnFormItem label
{
   width: auto;
}

.dnn6 .dnnForm.dnnLogin.dnnClear, .dnnForm.dnnLoginService, .dnnLoginRememberMe, .dnn6 .dnnForm .loginContent ul.dnnActions, .dnnForm .dnnFormItem
{
   margin: 0;
   padding: 0;
}

.dnn6 .dnnLogin ul.dnnActions li a
{
   line-height: 1.5em;
}

.dnn6 .ota-button-wrapper input 
{
   box-shadow: none;
}

.opera .dnn6 #ota-main
{
   overflow: auto;
}

.dnn6 .ota-post ul.dnnActionMenuBody li, .dnn6 .ota-block ul.dnnActionMenuBody li
{
   padding-left: 0;
}

.dnn6 .ota-post ul.dnnActionMenuBody, .dnn6 .ota-block ul.dnnActionMenuBody
{
   padding: 10px;
}

/* end Page */

/* begin Menu */
.dnn6 .ota-nav
{
   z-index: 904;
}

.ota-hmenu ul li, .ota-hmenu ul li li, .ota-hmenu ul li li li
{
   list-style-type: none;
}
/* end Menu */

/* begin MenuItem */
.ota-hmenu a img
{
   vertical-align: text-top;
   margin-right: 15px;
}/* end MenuItem */

/* begin MenuSubItem */
.ota-hmenu ul a img
{
   vertical-align: middle;
   margin-right: 12px;
}/* end MenuSubItem */

/* begin Box, Block */

/* end Box, Block */

/* begin BlockHeader */

.ota-blockheader .t .Head
{
   height: 48px;
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
   white-space: nowrap;
   padding: 0;
   line-height: 48px;
   margin: 0;
}

.dnn6 .ota-blockheader .Head
{
   height: 48px;
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
   white-space: nowrap;
   padding: 0;
   line-height: 48px;
   margin: 0;
}/* end BlockHeader */

/* begin Box, BlockContent */
.ota-blockcontent-body .SubHead, .ota-blockcontent-body .Normal
{
   color: #212121;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 14px;
}

.ota-blockcontent-body td
{
   padding: 0;
}

.SubHead, td.SubHead
{
   border: 0;
   padding: 0;
}

.ota-blockcontent-body table
{
   /*width: 100%;*/
}

.ota-blockcontent-body ol ul li
{
   list-style-type: none;
}
/* end Box, BlockContent */

/* begin Box, Post */

.ota-article img, img.ota-article
{
   border: solid 1px #696969;
   margin: 10px 10px 10px 10px;
}

/* AB#86515: .ota-article wraps every module body, not just article artwork, so the two
   .ota-article img rules above also frame DNN's control sprites. DNN's own
   .dnnRadiobutton img declares no border, so nothing else contests them. */
.ota-article .dnnRadiobutton img, .ota-article .dnnCheckbox img
{
   border: 0;
   margin: 0;
}

/* AB#87248: DNN adds the -focus class on any focus of the hidden input, so clicking a
   label's text drew the keyboard ring too. Keep it only when the input is :focus-visible. */
input:not(:focus-visible) + .dnnRadiobutton-focus, input:not(:focus-visible) + .dnnCheckbox-focus
{
   outline: none;
}

.dnnRadiobutton-focus
{
   border-radius: 50%;
   outline-color: #1E487B;
}

.ota-article table, table.ota-article
{
   border-collapse: collapse;
   margin: 1px;
   width: auto;
}

.ota-article table, table.ota-article .ota-article tr, .ota-article td
{
   background-color: Transparent;
}

.ota-article .ModuleTitle_SubMenu th, .ota-article .ModuleTitle_SubMenu td, .ota-article .ModuleTitle_MenuItem img
{
   border-width: 0;
   padding: 0;
   margin: 0;
}/* end Box, Post */

/* begin PostHeaderIcon */

.ota-postheader .Head
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 26px;
   color: #143052;
}

div.hr
{
   display: none;
}
/* end PostHeaderIcon */

/* begin PostContent */
.ota-postcontent .DNN_ForumContent table
{
   width: 100%;
}

.ota-PostContent .DNN_ForumContent img
{
   border: 0;
}

.ota-article .DNN_EventsContent table, .ThemeEvents table
{
   width: 100%;
}

table.ModuleTitle_SubMenu
{
   background-color: #FFFFFF;
}

.dnn6 .dnnActionMenu img 
{
   margin: 0;
}/* end PostContent */

/* begin PostBullets */
.ota-post ul li, .ota-post ol ul li
{
   list-style-type: none;
}/* end PostBullets */

/* begin PostQuote */
.dnn6 .ota-post .console-large.console-mouseon 
{
   background-color: #BFBFBF;
}

.dnn6 .ota-post .console-large.console-mouseon h3
{
   color: #050C15;
}/* end PostQuote */

/* begin Footer */
.ota-footer .SkinObject
{
   display: inline-block;
   color: #212121;
   font-weight: normal;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
}

.ota-footer a.SkinObject,
.ota-footer a.SkinObject:link
{
   color: #1E487B;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-footer a.SkinObject:visited
{
   color: #143052;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
}

.ota-footer a.SkinObject:hover
{
   color: #2860A4;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}/* end Footer */


/* Custom RadAjaxLoadingPanel Skin */
.raDiv
{
	background-image:url('/images/OP-Loading.gif') !important;
}

.raColor
{
	background-color:#1e497d !important;
}

/* Hide RadCalendar week-number column (AB#67979/AB#68001) */
.RadCalendar .rcMainTable th.rcViewSel, .RadCalendar .rcMainTable th[scope="row"]
{
	display:none;
}

.raTransp
{
	opacity:0.4 !important;
	-moz-opacity:0.4 !important;
	filter:alpha(opacity=40) !important;
}

/* --------------------------------------------------------------------------
   Telerik UI for ASP.NET AJAX 2026.3.812 compatibility (DNN 10 upgrade)
   The 2013.2.717.40 skins set these; the 2026 skins do not, so the browser
   defaults take over and the layout drifts. Keep these until the modules are
   moved off the classic RadGrid/RadButton render.
   -------------------------------------------------------------------------- */

/* Data-row cells fall back to vertical-align:baseline. Any row holding an
   inline-block RadButton (Active / Yes / No / Select toggles) then aligns the
   plain-text cells to that button's baseline, so the text rides near the top of
   an over-tall row instead of sitting level with the buttons. */
.RadGrid tr.rgRow > td,
.RadGrid tr.rgAltRow > td,
.RadGrid tr.rgSelectedRow > td,
.RadGrid tr.rgEditRow > td,
.RadGrid tr.rgFooter > td
{
	vertical-align: middle;
}

/* Icon-only RadButton (e.g. the clear-search trash can: <Icon
   PrimaryIconCssClass="rbRemove" /> with no Text and Width="22"). The skin
   positions .rbPrimaryIcon at a fixed left/top meant to leave room for label
   text, which pushes the glyph hard against the right border when there is no
   label. Centre it instead. Scoped by the empty value attribute so buttons that
   do have text keep the skin's leading-icon placement.
   left/top MUST carry !important. Where the markup also sets PrimaryIconLeft /
   PrimaryIconTop (e.g. Facility Holidays and Facility Discounts, which use
   PrimaryIconLeft="4" PrimaryIconTop="4"), Telerik renders those as an INLINE
   style="left:4px;top:4px" on the icon span. Without !important the inline
   values win the cascade while the negative margins below still apply, so the
   glyph lands at 4px - 8px = -4px and escapes the button box up and to the
   left. Verified on QA 2026-08-17: icon rect was 4px above and 4px left of the
   button rect; with !important it centres (2px/3px inset all round on the
   20x22 remove button). Keep left/top and the margins as one matched set. */
.RadButton.rbSkinnedButton:has(> input.rbDecorated[value=""]) > .rbPrimaryIcon,
.RadButton.rbSkinnedButton:has(> input.rbDecorated:not([value])) > .rbPrimaryIcon
{
	left: 50% !important;
	top: 50% !important;
	margin: -8px 0 0 -8px;
}

/* AB#63488 — Console module tiles (the sub-page icon grid on Facility Content and
   friends). DNN's own module.css:23 pins .console-large div to height:90px !important,
   but tab names wrap to two or three lines, so the label spills out of its box: it
   overlaps the tile in the row below and squeezes the gap before whatever follows the
   grid (measured 6px on Facility Content). 130px is what the pre-DNN9 build used, and it
   fits four lines of label, so nothing overflows.
   Keep this a FIXED height, not auto/min-height: the tiles are float:left, so uneven
   heights make later tiles stack beside a tall one instead of starting a clean row - the
   grid goes ragged (rows of 9/2/2 instead of 9/4). Uniform height is what keeps it a grid.
   Needs !important plus higher specificity to beat module.css's own !important. */
.console .console-large > div
{
	height: 130px !important;
}
/* AB#84167 / AB#84239 - "Available Discounts" / "Available Holidays" header bands, and every
   other RadToolBar used as a table header (19 .ascx call sites). This skin styles blog-post
   lists at ~line 1303: ".ota-postcontent ul>li" adds padding-left:12px, a bullet image and
   overflow-x:visible/overflow-y:hidden, and ".ota-postcontent li" (~1281) sets Tahoma 14px.
   RadToolBar renders <ul class="rtbUL"><li class="rtbItem">, and the module container IS
   .ota-postcontent, so those rules have always matched. On 2013.2.717.40 Telerik's own CSS
   reset them; the 2026.3.812 CSS no longer does, so the leak became visible: the item picks up
   12px of left padding, which pushes the centred ItemTemplate div 12px right of the band and
   overflows its right border by the same amount, and the title jumps to 14px Tahoma. Measured
   green vs live blue 2026-08-21: li 362px inside a 350px toolbar (blue: 350/350), title 15px
   off-centre (blue: 3px, which is just the 2px .rtbOuter padding + border).
   Reset the leak for Telerik-generated lists only - .rtbUL exists nowhere else - and use
   inherit for the font so the item follows whatever the Telerik skin puts on .RadToolBar
   rather than a hard-coded family. Verified in-browser on Facility Holidays and Facility
   Discounts: every measured value becomes byte-identical to blue.
   This also removes the root cause of the vertical-nav item scrollbars on ctl-mode pages
   (overflow-x:visible next to overflow-y:hidden computes to auto, making each li a scroll
   container); the .rtbWrap box-sizing fix in XpressCollect\module.css stays as belt-and-braces. */
.ota-postcontent ul.rtbUL > li,
.ota-postcontent ol.rtbUL > li
{
	background-image: none;
	padding-left: 0;
	overflow: visible;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

/* AB#84167 / AB#84239, the reported symptoms - "Available Holidays" / "Available Discounts" list
   detached from its header band above and colliding with the Assigned/Active table below.
   One cause for both: the list box is an inline-block, and the cell it sits in aligns to the text
   BASELINE, so a 250/300px box in a 250/300px cell is pushed down by the descender space - 20px on
   Discounts, 14px on Holidays. That opens exactly that much gap under the header band and hangs the
   same amount out of the bottom of the table, landing on the band below (measured gap of -2px on
   Discounts, i.e. overlap). Both .ascx already ask for the right thing with `* {vertical-align:top}`
   in their own <style> block, but DNN's CSS reset (default.css / portal.css) names `td` explicitly
   with `vertical-align: baseline`, and an element selector beats the universal one. On DNN9 these
   cells compute to `middle` and the offset is 0.
   Fix the cell, not the control: `display: block` on the list box also zeroes the offset but changes
   the row heights (the rowspan cell grew 300 -> 445px, table 325 -> 470px, opening a 163px hole).
   Verified on QA against live DNN9 production, both pages, every number identical: gap above the
   list 0px, gap below it 18px (Discounts) / 17px (Holidays), table height unchanged at 325 / 377px.
   Scoped with :has() to cells that directly hold a RadListBox - 9 such call sites, all of which want
   top alignment. `:has()` is already relied on by the RadButton rule above.
   The `color: inherit` added to the .rtbUL rule above is the third reported symptom: the band titles
   went black because `.ota-postcontent li {color:#0F0F0F}` (~line 1281) started winning when the
   2026 Telerik CSS stopped setting a colour on the item. `inherit` takes the colour from
   .RadToolBar, which is Telerik's #1E395B - byte-identical to DNN9 - rather than hard-coding a hex.
   NOTE for the reporter: the ticket asks for the label blue #1E497D; DNN9 renders these bands
   #1E395B and this rule reproduces DNN9. The two are visually indistinguishable dark blues. */
.ota-postcontent table td:has(> .RadListBox)
{
	vertical-align: top;
}

/* AB#84607 - Telerik 2026 restyled the MetroTouch skin, part 1: the RadGrid command
   bar. 2013.2.717.40 shipped `.RadGrid_MetroTouch .rgCommandRow{background-color:black}`
   with white text and links; 2026.3.812 changed it to #f9f9f9 with #000 text. Verified by
   extracting Telerik.Web.UI.Skins.MetroTouch.Grid.MetroTouch.css from both DLLs.
   That single colour change is the whole of the ticket's Approval Bullets / Survey
   Questions / Lease Package / Custom Groups complaint. The "Add New ..." and "Refresh"
   icons were never broken: they are sprite cells in radActionsSprite.png that are pure
   white (255,255,255) at rest and #25A0DA - the OpenTech blue - on hover, which is
   exactly the behaviour the ticket asks for. They only "blend in with the header
   background" because the background stopped being black. Restoring it makes the white
   icons legible and the blue hover appear, with no rule about the icons themselves.
   Neither Telerik rule carries !important, so plain !important here is enough.
   Deliberately does NOT restore the 2013 button ring (border:1px solid black, radius
   16px): the 2026 ring hovers to #25A0DA, which matches the ticket's expected behaviour. */
.RadGrid_MetroTouch .rgCommandRow
{
	background-color: black !important;
}
.RadGrid_MetroTouch .rgCommandRow,
.RadGrid_MetroTouch .rgCommandRow a
{
	color: white !important;
}

/* AB#84607 - Telerik 2026 restyled the MetroTouch skin, part 2: RadButton icons.
   The base Button.css points .rbSave / .rbNext / .rbEdit and friends at the COLOURED
   sprites (rbBasicIcons16x16.png, rbExtendedIcons16x16.png). 2013's Metro and MetroTouch
   button skins added nothing, so the buttons inherited those colours - that is the green
   "View Copy To" arrow on production. 2026's Metro and MetroTouch skins add an override
   to the ...Dark.png variants, which are the same 223x16 sprite rendered greyscale
   (measured: mean colour saturation 0.000 vs 0.636 for the rbSave cell). Hence the
   ticket's "icons are all colorless".
   Only Metro, MetroTouch and Silk went Dark in 2026 - Sunset, WebBlue, Windows7 and Web20
   still inherit the coloured base - so this is scoped to the two skins this site uses;
   Silk is not used anywhere in the repo.
   The sprites are served from this skin folder rather than through Telerik's
   WebResource.axd because that URL is generated per assembly and cannot be written into a
   static stylesheet. Both files are byte-copies of the ones in the licensed 2026.3.812
   distribution (Skins/Common/Button), and the geometry is identical to the Dark variants
   they replace, so every background-position from the base stylesheet still lines up.
   Telerik's override is `span.RadButton_MetroTouch .rbSave{...!important}` (0,2,1), so
   these need !important AND higher specificity - html+body+span gives (0,2,3). */
html body span:is(.RadButton_Metro, .RadButton_MetroTouch)
	:is(.rbAdd, .rbRemove, .rbOk, .rbCancel, .rbPrevious, .rbNext,
	    .rbSave, .rbConfig, .rbRefresh, .rbEdit)
{
	background-image: url('images/rbBasicIcons16x16.png') !important;
}
html body span:is(.RadButton_Metro, .RadButton_MetroTouch)
	:is(.rbUpload, .rbDownload, .rbOpen, .rbAttach, .rbPrint, .rbSearch,
	    .rbHelp, .rbCart, .rbRSS, .rbMail, .rbFB, .rbTwitter)
{
	background-image: url('images/rbExtendedIcons16x16.png') !important;
}

/* AB#84963 - Telerik 2026 broke every RadButton TOGGLE (checkbox / radio), on every skin,
   in three separate ways. Measured on live production (blue, Telerik 2013.2.717.40) on
   2026-08-28 against QA; the 2013 declarations quoted below were read out of the
   stylesheets the production page actually loads, not inferred.

     glyph off-centre    2013 let each skin place the glyph on a LINK button (MetroTouch:
                         top:9px); its base `top:4px` rule listed only `.rbSkinnedButton`
                         selectors. 2026 added the `.rbLinkButton` variants to that same
                         base rule, and at (0,3,0) it now outranks every skin's
                         `span.RadButton_<skin> .rbToggleCheckbox` (0,2,1). Measured on QA:
                         the Users grid (Metro, 16px glyph in a 21px box) sits 5px down and
                         FLUSH WITH THE BOTTOM EDGE; XpressCollect (MetroTouch, 22px glyph
                         in a 36px box) sat 5/9.
     box too wide        2013 base was `.rbLinkButton{padding:0 4px}`; 2026 base made it
                         `2px 12px`, and the MetroTouch skin adds `5px 15px` on top of that.
                         XpressCollect's toggles measured 126.1px against prod's 101.1px.
     label drifts right  2013 set no text-align at all, so the label sat left, close to the
                         glyph. 2026 added `.RadButton{text-align:center}`, which floats the
                         label into the middle of the now-too-wide box. The resulting gap
                         between a glyph pinned at left:5px and its own label is what the
                         ticket reports as "the checkbox is not centered".

   Scoped with :has() to buttons that actually carry a toggle glyph, so ordinary RadButtons
   keep the 2026 render. Only the HORIZONTAL padding is touched - 2026's vertical padding
   already reproduces prod's box height on both skins.
   Centre the ART, not the sprite WINDOW. Both skins draw the glyph in the top-left corner
   of a 40px sprite cell and show it through a window that is larger than the glyph -
   MetroTouch 16px of art in a 22px window, Metro 13px in a 16px window (measured off the
   160x200 sprite bitmap itself, on QA and on prod; both environments ship the same sheet).
   Centring the WINDOW therefore leaves the glyph half the difference too high, which is the
   3px on XpressCollect and 1.5px on the Users grid that survived the first pass of this fix
   and is what the reporter still sees. `top:50%` plus a negative margin of half the ART
   height puts the glyph's own centre on the button's centre: that reproduces prod exactly
   (prod's fixed MetroTouch top:9px measures out to art-centre 18 in a 36px box - dead
   centre) and stays right at any button height, which a fixed top would not. The two skin
   rules below carry the art size; the generic rule keeps centring the window as the
   fallback for a skin nobody has measured, which is no worse than the current render.
   Icon-only buttons are excluded; the rule above already centres those, and both would
   fire otherwise.
   LINK BUTTONS ONLY, deliberately. Skinned buttons carried the base `top:4px` in 2013 too,
   so they were never regressed, and their 2013 horizontal baseline was different again
   (`.rbSkinnedButton, .rbVerticalButton{padding-left:2px}`) - widening these rules to
   .rbSkinnedButton would invent a third geometry rather than restore prod, and there is no
   rendered skinned toggle on QA to measure against. Every case measured here is a link
   button. Also untouched: ButtonType="ToggleButton" (`.rbToggleButton`, e.g. the Logs page
   filters), which takes neither base rule - 2013 and 2026 both leave its glyph at
   `.rbPrimaryIcon.rbToggleCheckbox{top:2px}`, so it is not part of this regression.
   The Telerik sheets load AFTER this file, so every rule here has to win on specificity.
   The :has() argument contributes its own classes, which is what carries these past the
   base sheet's (0,3,0) and the skins' (0,2,1) / (0,4,1).
   Not covered: the Insomniac Online portals, which use IO_Skin and never load this file. */
.RadButton.rbLinkButton:not(.rbPrimaryIconOnly)
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked)
{
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
}
/* MetroTouch: 16px of art (17px on the checked and filled cells, the extra pixel being the
   antialiased edge) in a 22px window -> -8px. Lands the window at top:10px in a 36px box,
   which is prod's placement to the pixel. */
.RadButton.RadButton_MetroTouch.rbLinkButton:not(.rbPrimaryIconOnly)
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked)
{
	top: 50%;
	margin-top: -8px;
	transform: none;
}
/* Metro: 13px of art in a 16px window -> -6.5px. (The radio cells are 12px, so those land
   half a pixel high; prod's fixed offset had the same residual.) */
.RadButton.RadButton_Metro.rbLinkButton:not(.rbPrimaryIconOnly)
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked)
{
	top: 50%;
	margin-top: -6.5px;
	transform: none;
}
.RadButton.rbLinkButton:has(
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked))
{
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
}
/* 2013 base: `.RadButton .rbPrimary{padding-left:25px}`, which the MetroTouch skin raised to
   30px for its larger glyph. 2026 replaced both with 17px (base) / `0 25px` (skin). */
.RadButton.rbLinkButton:has(
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked))
	> .rbText.rbPrimary
{
	padding-left: 25px;
	padding-right: 0;
}
.RadButton.RadButton_MetroTouch.rbLinkButton:has(
	> :is(.rbPrimaryIcon, .rbSecondaryIcon):is(.rbToggleCheckbox, .rbToggleCheckboxChecked,
	      .rbToggleCheckboxFilled, .rbToggleRadio, .rbToggleRadioChecked))
	> .rbText.rbPrimary
{
	padding-left: 30px;
}

/* AB#85448 - The ButtonType="ToggleButton" half the rules above leave alone. Its glyph was
   never regressed, but its LABEL was: 2013 reserved the glyph's room on the button
   (`.rbToggleButton{padding-left:20px}`) and left the label unpadded and left-aligned. 2026
   dropped that padding from the LTR rule (only `.rbToggleButton.rbRtl` keeps it), so the
   label now takes `.RadButton .rbPrimary{padding-left:25px}` and `.RadButton{text-align:center}`
   and floats to the middle of whatever width the layout gives it. On the Application Logs
   filter panel, where the table cells are wider than the labels, that put each label 21-53px
   from its own checkbox depending on its length. Prod measures button `padding:0 0 0 20px`,
   `text-align:left`, label padding 0 - a constant 20px label offset - and these rules restore
   exactly that. RTL keeps Telerik's own mirrored rule. */
.RadButton.rbToggleButton:not(.rbRtl)
{
	padding-left: 20px;
	text-align: left;
}
.RadButton.rbToggleButton:not(.rbRtl) > .rbText.rbPrimary
{
	padding-left: 0;
}